<template>
    <v-layout>
        <template slot="header">
            弹窗
        </template>
        <template slot="content">
            <div class="exmple-box">
                <div class="exmple">
                    <a-button type="primary" @click="onShow">弹窗</a-button>
                    <v-modal ref="modalRef">
                    </v-modal>
                </div>
            </div>
        </template>
    </v-layout>
</template>

<script>
import vLayout from "@/components/vLayout"
import vModal from "@/components/vModal"
export default {
    components: {
        vLayout,
        vModal
    },
    methods: {
        onShow() {
            this.$refs.modalRef.onShow()
        }
    }
}
</script>

<style lang="less" scoped>
.exmple-box{
    .exmple{
        width: 240px;
    }
}
</style>